<!doctype html>
<html>

<head>
    <meta charset="utf-8">
    <style>
        html,body {
            background-color: #191919;
            height: 100%;
            width: 100%;
            margin: 0;
            padding: 0;
        }

        .m {
            width: 100%;
            height: 100%;
            margin-left: auto;
            margin-right: auto;
            margin-top: 0px;
        }

        #video_box {
            width: 100%;
            height: 100%;
        }

        .video-js,
        video {
            width: 100% !important;
            height: 100% !important;
        }
    </style>
</head>

<body>
{if condition="$ext_info == 'mp4'"}
<link rel="stylesheet" href="__ADDON__/css/video.css">
<div class="m">
    <div id="video_box">
        <video id='example-video' class="video-js vjs-default-skin Fn vjs-big-play-centered" controls>
            <source src="{:cdnurl($url,true)}"  >
        </video>
    </div>
    <script type="text/javascript" src="__ADDON__/js/video.js"> </script>
    <script>
        var videojs = videojs('example-video', {
            controls: true, //是否控制条
            autoplay: false, //自动播放
            preload: 'auto', //预加载

        });
    </script>
</div>
{else /}
<iframe src='https://view.officeapps.live.com/op/view.aspx?src={:cdnurl($url,true)}' style="position: absolute;width: 100%;height: 100%" frameborder='0'>
</iframe>
{/if}
</body>
</html>
